<template>
	<div id="text2">
		<div class="content">
			<input id="fileupload" type="file" name="file">
			<div id="progress">
				<div class="bar" style="width: 0%;"></div>
			</div>
			<!--<img id="uploadimg" src="__PUBLIC__/images/bg.jpg" width="400px" height="408px" />-->
		</div>
	</div>
</template>

<script>
	import $ from 'jquery'

	export default({
		data() {
			return {

			}
		},
		mounted() {
			//			$('#fileupload').fileupload({
			//				dataType: 'json',
			//				//url: "{:U('setFile')}",//文件的后台接受地址
			//				//设置进度条
			//				progressall: function(e, data) {
			//					var progress = parseInt(data.loaded / data.total * 100);
			//					$('#progress .bar').css(
			//						'width',
			//						progress + '%'
			//					);
			//				},
			//				//上传完成之后的操作，显示在img里面
			//				done: function(e, data) {
			//					$("#uploadimg").attr({
			//						src: data.result.pic_url
			//					});
			//					$("#uploadimg").css({
			//						width: "400px",
			//						height: "400px"
			//					});
			//				}
			//			});
		},
		methods: {
			//			fileUpload: function() {
			//
			//			},
		}
	})
</script>

<style scoped="scoped">

</style>